<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../web/less/css/base.css">
  <link rel="stylesheet" href="../web/less/css/index.css">
  <script src="./flexible.js"></script>
</head>
<body>
  <!-- 整个页面父容器 -->
    <div class="viewport">
      <div class="top">
         <img src="./images/wx.png" alt="">
      </div>
      <!-- 焦点图区域 -->
       <div class="banner">
         <a href=""><img src="./uploads/banner_1.png" alt=""></a>
       </div>
       <!-- 第三个活动区域 -->
          <div class="item">
            <div class="title">乐园活动</div>
            <span class="bt">进行中</span>
            <div class="main_img">
              <a href=""><img src="./uploads/item_1.png" alt=""></a>
              <div class="footer1 clearfix">
                <p class="left">疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                <span class="right">免费</span>
              </div>
              <div class="footer2">

                <span>200人已报名</span>
                <span>本周六开始</span>
              </div>
            </div>
              
          </div>

          <div class="item">
            <span class="bt2">已截止</span>
            <div class="main_img">
              <a href=""><img src="./uploads/content_1.png" alt=""></a>
              <div class="footer1 clearfix">
                <p class="left">疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                <span class="right">免费</span>
              </div>
              <div class="footer2">
                
                <span>200人已报名</span>
                <span>本周六开始</span>
              </div>
            </div>
              
          </div>
          

          <div class="item">
            <span class="bt2">已截止</span>
            <div class="main_img">
              <a href=""><img src="./uploads/detail_1.png" alt=""></a>
              <div class="footer1 clearfix">
                <p class="left">疯狂的红包 不一样的撕名牌 大型家庭亲子户外活动</p>
                <span class="right">免费</span>
              </div>
              <div class="footer2">
                
                <span>200人已报名</span>
                <span>本周六开始</span>
              </div>
            </div>
                

            <div class="zuihou">
              <div class="left">我的</div>
              <div class="left">课卷</div>
              <div class="left">你得</div>
            </div>
          </div>

    </div>
</body>
</html>